import React from "react";

export const LandingHeroGoogleIcon = (props: React.SVGProps<SVGSVGElement>) => (
    <svg
        width={64}
        height={64}
        viewBox="0 0 64 64"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
    >
        <g
            opacity={0.5}
            className="hidden dark:block"
            filter="url(#filter0_f_1305_2841)"
        >
            <path
                d="M32.2399 29.8184V34.4657H38.6981C38.4145 35.9602 37.5635 37.2257 36.2871 38.0766L40.1817 41.0985C42.4508 39.004 43.7599 35.9276 43.7599 32.273C43.7599 31.4221 43.6835 30.6039 43.5417 29.8185L32.2399 29.8184Z"
                fill="#4285F4"
            />
            <path
                d="M25.5147 34.2842L24.6363 34.9566L21.5272 37.3784C23.5017 41.2947 27.5487 44.0002 32.2396 44.0002C35.4795 44.0002 38.1959 42.9311 40.1814 41.0984L36.2868 38.0766C35.2177 38.7966 33.8541 39.233 32.2396 39.233C29.1196 39.233 26.4688 37.1275 25.5196 34.2911L25.5147 34.2842Z"
                fill="#34A853"
            />
            <path
                d="M21.5272 26.6221C20.709 28.2366 20.24 30.0584 20.24 32.0002C20.24 33.942 20.709 35.7639 21.5272 37.3783C21.5272 37.3892 25.52 34.2801 25.52 34.2801C25.28 33.5601 25.1381 32.7966 25.1381 32.0001C25.1381 31.2036 25.28 30.44 25.52 29.72L21.5272 26.6221Z"
                fill="#FBBC05"
            />
            <path
                d="M32.2399 24.7782C34.0072 24.7782 35.5781 25.3891 36.8326 26.5673L40.2689 23.131C38.1853 21.1892 35.4799 20 32.2399 20C27.549 20 23.5017 22.6946 21.5272 26.6219L25.5199 29.7201C26.4689 26.8837 29.1199 24.7782 32.2399 24.7782Z"
                fill="#EA4335"
            />
        </g>
        <path
            d="M32.2399 29.8184V34.4657H38.6981C38.4145 35.9602 37.5635 37.2257 36.2872 38.0766L40.1817 41.0985C42.4508 39.004 43.7599 35.9276 43.7599 32.273C43.7599 31.4221 43.6836 30.6039 43.5417 29.8185L32.2399 29.8184Z"
            fill="#4285F4"
        />
        <path
            d="M25.5147 34.2842L24.6364 34.9566L21.5272 37.3784C23.5018 41.2947 27.5488 44.0002 32.2397 44.0002C35.4796 44.0002 38.1959 42.9311 40.1815 41.0984L36.2869 38.0766C35.2178 38.7966 33.8542 39.233 32.2397 39.233C29.1197 39.233 26.4688 37.1275 25.5197 34.2911L25.5147 34.2842Z"
            fill="#34A853"
        />
        <path
            d="M21.5272 26.6221C20.7091 28.2366 20.2401 30.0584 20.2401 32.0002C20.2401 33.942 20.7091 35.7639 21.5272 37.3783C21.5272 37.3892 25.5201 34.2801 25.5201 34.2801C25.2801 33.5601 25.1382 32.7966 25.1382 32.0001C25.1382 31.2036 25.2801 30.44 25.5201 29.72L21.5272 26.6221Z"
            fill="#FBBC05"
        />
        <path
            d="M32.2399 24.7782C34.0072 24.7782 35.5781 25.3891 36.8327 26.5673L40.269 23.131C38.1854 21.1892 35.48 20 32.2399 20C27.549 20 23.5018 22.6946 21.5272 26.6219L25.5199 29.7201C26.469 26.8837 29.1199 24.7782 32.2399 24.7782Z"
            fill="#EA4335"
        />
        <defs>
            <filter
                id="filter0_f_1305_2841"
                x={12.24}
                y={12}
                width={39.5199}
                height={40}
                filterUnits="userSpaceOnUse"
                colorInterpolationFilters="sRGB"
            >
                <feFlood floodOpacity={0} result="BackgroundImageFix" />
                <feBlend
                    mode="normal"
                    in="SourceGraphic"
                    in2="BackgroundImageFix"
                    result="shape"
                />
                <feGaussianBlur
                    stdDeviation={4}
                    result="effect1_foregroundBlur_1305_2841"
                />
            </filter>
        </defs>
    </svg>
);
